<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;
                list-style: none;
            }
            #header{
                margin: auto;
                
            }
            #header .ha{
               float: left; 
               height: 50px;
               overflow: auto;
            }
            #header .ha.a1,.ha.a3{
                background: gray;
                 width: 25%;
            }
            #header .ha.a2{
                background: #FF0000;
                width: 50%;
            }
            .body{
                width: 100%;
                height: 500px;
                background: blue;
                margin: auto;
                
            }
            #wrapp{
                width: 855px;
                height: 165px;
                margin: auto;
            }
            #wrapp .he{
                background: pink;
                width: 100px;
                height: 165px;
                float: left;
                padding-left: 25px;
                padding-right: 25px;
                border-right: #000000 solid 1px;
            }
            #wrapp .he.first{
                padding-left: 0; 
            }
            #wrapp .he.last{
                padding-right: 0;
                border-right: 0;
            }
            #item{
                width: 100%;
                height: 300px;
                background: lightgray;
                
            }
            #item .case{
                float: left;
                margin-left: 525px;
            }
            #item .name1{
                float: left;
                margin-top: 20px;
                margin-left: 10px;
            }
            #item .hei{
                width: 280px;
                height: 200px;
                background: #90EE90;
                clear: left;
                float: right;
                
            }
            #taoshang{
                width: 860px;
                height: 220px;
                margin: auto;
            }
            #taoshang .hei.d2{
                margin-right: 10px;
                margin-left: 10px;
            }
            #bottom{
                width: 100px;
                height: 40px;
                margin: auto;
                color: #808080;
                margin-top: 10px;
            }
        </style>
	</head>
	<body>
		<div id="header">
            <div class="ha a1"></div>
            <div class="ha a2"></div>
            <div class="ha a3"></div>
        </div>
        <div class="body"></div>
        <div id="wrapp">
            <div class="he first"></div>
            <div class="he"></div>
            <div class="he"></div>
            <div class="he"></div>
            <div class="he"></div>
            <div class="he last"></div>
        </div>
        
        <div id="item">
            <div class="case">
                <h1>Case</h1>
            </div>
            <div class="name1">案例</div>
            <div id="taoshang">
              <div class="hei"></div>
              <div class="hei d2"></div>
              <div class="hei"></div>  
            </div>
        </div>
        <div id="bottom">
            <p>查看更多+</p>
        </div>
	</body>
</html>
